@charset 'uft-8';

.reset(){
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	    margin: 0 auto;
	    padding: 0;
	    border: 0;
	    font-size: 100%;
	    font: inherit;
	    vertical-align: baseline;
	}
	article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    *{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
    body {
    	line-height: 100%;
	    text-size-adjust:none;
		-webkit-text-size-adjust:none;
		-moz-text-size-adjust:none;
		-ms-text-size-adjust:none;
		-o-text-size-adjust:none;
    }
    ol, ul {
        list-style: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    img {
        border:0;
    }
}

// 初始化参数
.reset();

.transition(@s:0.2s,@eas:ease-in-out,@dd:0s){
	-webkit-transition:all @s @eas @dd;
	-moz-transition:all @s @eas @dd;
	-ms-transition:all @s @eas @dd;
	-o-transition:all @s @eas @dd;
	transition:all @s @eas @dd;

	//曲线定义方法
	//transition-timing-function:cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
// conmment
body{
	font-family: "微软雅黑";
}
.dw{
	position:relative;
	width: 961px;
}
header{
	width:100%;
	height:80px;
	background: rgba(0,0,0,0.7);
	position: relative;
	z-index: 2;

	&:after{
		content:'';
		clear: both;
	}
}
.logo{
	float:left;
}
.menu{
	float:right;
	li{
		display:inline-block;
		padding: 32px 20px;
	}
	li a{
		color:#fff;
		text-decoration: none;
	}
}
.lop-tit{
	position:absolute;
	top:282px;
	left: 2px;
	
	dd:nth-child(1){
		margin-right: 36px;
	}

	dd{
		display:inline-block;
		padding-top: 45px;
	}

	dd a{
		text-align: center;
		font-size: 14px;
		color:#000;
		text-decoration: none;
		position:relative;
	}

	dt{
		position:relative;
		left: 3px;
	}
}
.download{
	position:absolute;
	top: -156px;
	left: 0;
	opacity: 0;
	.transition();
}
.md{
	.transition();	
}
.tit-b{
	color: #fff;
	font-size: 60px;
	font-family: "微软雅黑";
	font-weight: 800;
	line-height: 140%;
}
.tit-t{
	color: #fff;
	font-size: 26px;
	font-family: "微软雅黑";
	line-height: 140%;
}

.lop-phone{
	position:absolute;
	right:0;
	top:200px;
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.c-nav{
	position:absolute;
	bottom:0;
	left: 0;
	height: 110px;
	width: 100%;
	background: rgba(0,0,0,0.5);
}
.candy{
	width:1056px;
	position:relative;
}
.candy p{
	width:24.6%;
	line-height: 110px;
	font-size: 20px;
	color:#fff;
	font-family: "微软雅黑";
	display:inline-block;
	text-align: center;
}
.pg1{
	display:block;
	width:49px;
	height:49px;
	background: url(../img/icon.png) ;
	background-position: 0 0;
	display:inline-block;
	position:relative;
	top:15px;
	margin-right: 10px;
}
.pg2{
	display:block;
	width:49px;
	height:49px;
	background: url(../img/icon.png) ;
	background-position: -61px 0;
	display:inline-block;
	position:relative;
	top:15px;
	margin-right: 10px;
}
.pg3{
	display:block;
	width:49px;
	height:49px;
	background: url(../img/icon.png) ;
	background-position: -118px 0;
	display:inline-block;
	position:relative;
	top:15px;
	margin-right: 10px;
}
.pg4{
	display:block;
	width:49px;
	height:49px;
	background: url(../img/icon.png) ;
	background-position: 49px 0;
	display:inline-block;
	position:relative;
	top:15px;
	margin-right: 10px;
}

.content-1{
	width:100%;
	height:860px;
	position: relative;
	bottom:90px;
	z-index: 1;
	background-image:url(../img/background_1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment:fixed;
}
.phone-1{
	height:693px;
	position:relative;
	top:134px;
	background-image: url(../img/phone-lest1.png);

	a{
		position: absolute;
    	left: 0px;
    	top:400px;
	}
}
.content-2{
	width:100%;
	position:relative;
	bottom:90px;
	height:812px;
	background-image:url(../img/2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment:fixed;
}
.conlist-2{
	height:280px;
	width:100%;
	background-image: url(../img/conlist_1.jpg);
	position:absolute;
	z-index: 3;
	background-position: center;
}
.content-3{
	width:100%;
	position:relative;
	bottom:90px;
	height:1175px;
	background-image:url(../img/3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment:fixed;
}
.conlist-3{
	height:785px;
	width:100%;	
	background-image: url(../img/phone-lest2.png);
	background-position: center;
	position:relative;
	bottom:185px;
}
.content-4{
	width:100%;
	position:relative;
	bottom:90px;
	height:1200px;
	background-image:url(../img/4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment:fixed;
}
.conlist-4{
	height:600px;
	width:100%;	
	background-image: url(../img/phone-lest3.jpg);
	background-position: center;
	position:relative;
	bottom:0px;
}
.content-5{
	width:100%;
	height:1240px;
	margin-top: -90px;
	position:relative;
	background-image:url(../img/5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment:fixed;
}
.conlist-5{
	height:631px;
	width:100%;	
	background-image: url(../img/phone-lest5.png);
	background-position: center;
	position:relative;
	bottom:31px;
}
.down{
	height:385px;
	text-align: center;
	position:relative;
	background-image: url(../img/btn-2-outline.png);
	background-repeat: no-repeat;
	background-position: center;

	p{
		position:relative;
		bottom:80px;
		left:2px;
	}
	a{
		position:relative;
		top:174px;
	}
}
footer{
	width:100%;
	background-image: url(../img/foot.jpg);
	background-color: #333;
	background-repeat: no-repeat;
	background-position: center 18%;
	height:554px;
	position:relative;

	article{
		position:absolute;
		bottom:0px;
		width:100%;
		height:70px;
		border-top: 1px solid #585858;
	}
	article p{
		.dw;
		text-align: right;
		line-height: 70px;
		font-size: 13px;
		color:#fff;
		font-family: "微软雅黑";
	}
}

.loader {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	z-index: 99999999;
	overflow: hidden;
}
.load {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 171px;
	height: 38px;
	margin: -19px 0 0 -85px;
}
.load-animation{
	position: absolute;
	top: 6px;
	left: 73px;
}
.load-item {
    display: block;
    float: left;
    position: relative;
    animation: load-top .8s infinite linear;
    -webkit-animation: load-top .8s infinite linear;
    -ms-animation: load-top .8s infinite linear
}
.load-item-revers {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    animation: load-bottom .8s infinite linear;
    -webkit-animation: load-bottom .8s infinite linear;
    -ms-animation: load-bottom .8s infinite linear
}
.delay-200 {
  animation-delay: .2s;
  -webkit-animation-delay: .2s;
}
/* ANIMATE */
@keyframes load-top {
    0% {
        top: 0
    }
    50% {
        top: -6px
    }
    100% {
        top: 0
    }
}
@-webkit-keyframes load-top {
    0% {
        top: 0
    }
    50% {
        top: -6px
    }
    100% {
        top: 0
    }
}
@keyframes load-bottom {
    0% {
        top: -6px
    }
    50% {
        top: 0
    }
    100% {
        top: -6px
    }
}
@-webkit-keyframes load-bottom {
    0% {
        top: -6px
    }
    50% {
        top: 0
    }
    100% {
        top: -6px
    }
}